<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        video{
            -webkit-box-reflect:right;
        }
        .left{
            margin:0 0 0 480px;
        }
        .above{
            margin: 270px 0 0 0;
        }

    </style>
</head>
<body>
<select name="" id="">
    <option>left</option>
    <option selected>right</option>
    <option>above</option>
    <option>below</option>
</select>
<video autoplay width="480" height="270px" loop >
    <source src="http://www.tofei.cc/comments/4_BlowVido/video/BigBuckBunny_640x360.mp4">
</video>
</body>
<script>
    var videos=document.getElementsByTagName('video').item(0);
    var selects=document.getElementsByTagName('select').item(0);
    selects.addEventListener('change',function () {
        videos.style.webkitBoxReflect=this.value;
        videos.className=this.value;
    })
</script>
</html>